::-webkit-progress-value

非标准: 该特性尚未标准化。我们不建议在生产环境中使用非标准特性，因为它们在浏览器中的支持有限，且可能发生变化或被移除。不过，在没有标准选项的特定情况下，它们可以作为合适的替代方案。

::-webkit-progress-value CSS 伪元素代表的是<progress> 元素中进度条未完成的部分。它是::-webkit-progress-bar 伪元素的子元素。

备注： 为了使 ::-webkit-progress-value 生效， <progress> 元素的-webkit-appearance 需要设置为 none。

示例

html

<progress value="10" max="50"></progress>

css

progress {
  -webkit-appearance: none;
}

::-webkit-progress-value {
  background-color: orange;
}

应用了上述样式的进度条如下：

不属于任何规范。这是 WebKit/Blink 专有的一个伪元素。